<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>

    
    <title>My JSP 'photoShow.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<script type="text/javascript" src="../javascript/jquery-1.2.6.js"></script>
	<script type="text/javascript" src="./common/js/jqGalView.js"></script>
	<script type='text/javascript' src='/SameBuilding/dwr/interface/PhotoService.js'></script>
 	<script type='text/javascript' src='/SameBuilding/dwr/engine.js'></script>
	
	<link href="./common/css/jqGalView.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript">
			var categoryCode=<%=request.getParameter("categoryCode")%>;
			$(document).ready(function(){
				var count=0;
				PhotoService.getTotalCountyCategoryCode(categoryCode,function(ret){count=ret;});			
				PhotoService.getPhotoByCategoryCode(categoryCode,0,20,function(ret){
					
					for(var i=0;i<ret.length;i++){
						$("<li><a href=/SameBuilding/"+ret[i].url+"><img src=/SameBuilding/"+ret[i].thumbnailUrl+" width=\"75\" height=\"75\" border=\"0\"/></a></li>").appendTo($("#two"));
					}		
					$('#two').jqGalView({
					title : "New Title",
					openTxt:'open says me; ',
					backTxt:'<< Click. go. back.',
					goFullSizeTxt: 'View Full Size',
					totalCount:count
				});
				
				});		
			})
		
		</script>
</head>
	
	<body>
		
		<ul id="two">
		</ul>
	</body>
</html>
